<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>有色废旧</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="" name="description">
<meta content="" name="author">
<script>
	BASE_URL = '${request.getContextPath()}'
</script>
<link href="${request.getContextPath()}/Public/assets/admin/css/css.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/simple-line-icons/simple-line-icons.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/bootstrap/css/bootstrap.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/uniform/css/uniform.default.css"
	rel="stylesheet" type="text/css">
<link rel="${request.getContextPath()}/Public/stylesheet"
	type="text/css"
	href="assets/global/plugins/jquery-notific8/jquery.notific8.min.css" />
<link
	href="${request.getContextPath()}/Public/assets/global/css/components-rounded.css"
	id="style_components" rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/css/plugins.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/admin/css/layout.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/admin/css/custom.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/css/kkpager.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/admin/css/common.css"
	rel="stylesheet" type="text/css">
<link rel="shortcut icon"
	href="${request.getContextPath()}/Public/assets/global/plugins/datatables/media/images/favicon.ico">
<link href="${request.getContextPath()}/Public/css/customerDetail.css"
	rel="stylesheet" type="text/css">
<link href="${request.getContextPath()}/Public/css/chats/chatMain.css"
	rel="stylesheet" type="text/css">
<link href="${request.getContextPath()}/Public/css/chats/chatDetail.css"
	rel="stylesheet" type="text/css">
<script type="text/javascript"
	src="${request.getContextPath()}/Public/My97DatePicker/WdatePicker.js"></script>
</head>
<style>
	.xb_avatar_left{
		width:47px;
	}
	#grid tr td:nth-child(1){
		width:60px;
	}
	#grid tr td:nth-child(2){
		width:250px;
	}
	#grid tr td:nth-child(4){
		width:280px;
	}
</style>
<body class="page-header-top-fixed">

	<!-- END HEADER -->
	<div class="page-header">
		<!--头部开始-->
		<#include "/include/top.html" />
		<!-- 头部信息结束 -->
		<!-- 头部菜单开始 -->
		<#include "/include/top_menu.html" />
		<!-- 头部菜单结束 -->
	</div>
	<!-- BEGIN PAGE CONTAINER -->
	<div class="page-container">
		<!-- 内容开始 -->
		<div class="page-content">
			<div class="container-fluid">
				<!-- 当前位置提示开始 -->
				<ul class="page-breadcrumb breadcrumb">
					<li><a href="#">首页</a><i class="fa fa-circle"></i></li>
					<li class="active">消息中心</i>
					</li>
				</ul>
				<!-- 当前位置提示结束 -->
				<div class="row margin-top-10">
					<div class="col-md-12">
						<div class="portlet light bordered">
							<div class="row">
										<div
											style="float: right;width: 28%;text-align: right;padding-right: 18px;">
											<p class="btn green" onclick="deleteIds()">
												<i class="fa fa-file-excel-o"></i> 批量删除
											</p>
											<p class="btn green" onclick="ExporChatList()">
												<i class="fa fa-file-excel-o"></i> 导出
											</p>
										</div>
							</div>	
							<div class="portlet-body">
								<div class="dataDiv">
									<table id="grid"
										class="table table-striped table-bordered table-advance table-hover ttTbl">
										<tr>
											<td>
												<div class="loadingAjax"></div>
											</td>
										</tr>
									</table>
									<br />
									<table width="667" class='ttTurnPageTbl'>
										<tr>
				
											<td id='perPageNum'></td>
											<td id="DataCount"></td>
											<td>
												<div style="width:150px;">
												<label onclick="prePage()" id="prePageBtn">上一页</label>&nbsp;&nbsp;
												<label onclick="nextPage()" id="nextPageBtn">下一页</label>
												</div>
											</td>
											<td id="CPofAP"></td>
											<td>转到：
												<select id="toPageNum" style="width:50px;"></select>页<input type="button" value="跳转" onClick="toPage()"></td>
										</tr>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- END PAGE CONTAINER -->
	<!-- 内容结束 -->
	<!-- 底部开始 -->
	<#include "/include/foot.html" />
	<!-- 底部结束 -->
	<!--[if lt IE 9]>
		<script src="${request.getContextPath()}/Public/assets/global/plugins/respond.min.js"></script>
		<script src="${request.getContextPath()}/Public/assets/global/plugins/excanvas.min.js"></script>
	<![endif]-->
	<script
		src="${request.getContextPath()}/Public/assets/global/plugins/jquery.min.js"
		type="text/javascript"></script>
	<script
		src="${request.getContextPath()}/Public/assets/global/plugins/jquery-migrate.min.js"
		type="text/javascript"></script>
	<script
		src="${request.getContextPath()}/Public/assets/global/plugins/jquery-ui/jquery-ui.min.js"
		type="text/javascript"></script>
	<script
		src="${request.getContextPath()}/Public/assets/global/plugins/bootstrap/js/bootstrap.min.js"
		type="text/javascript"></script>
	<script
		src="${request.getContextPath()}/Public/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
		type="text/javascript"></script>
	<script
		src="${request.getContextPath()}/Public/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
		type="text/javascript"></script>
	<script
		src="${request.getContextPath()}/Public/assets/global/plugins/jquery.blockui.min.js"
		type="text/javascript"></script>
	<script
		src="${request.getContextPath()}/Public/assets/global/plugins/jquery.cokie.min.js"
		type="text/javascript"></script>
	<script
		src="${request.getContextPath()}/Public/assets/global/plugins/uniform/jquery.uniform.min.js"
		type="text/javascript"></script>

	<script
		src="${request.getContextPath()}/Public/assets/global/plugins/jquery.sparkline.min.js"
		type="text/javascript"></script>

	<script
		src="${request.getContextPath()}/Public/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"
		type="text/javascript"></script>

	<script
		src="${request.getContextPath()}/Public/assets/global/scripts/metronic.js"
		type="text/javascript"></script>
	<script
		src="${request.getContextPath()}/Public/assets/admin/scripts/layout.js"
		type="text/javascript"></script>
	<script
		src="${request.getContextPath()}/Public/assets/admin/scripts/indexComponent.js"
		type="text/javascript"></script>
	<script
		src="${request.getContextPath()}/Public/assets/admin/scripts/commonUtils.js"
		type="text/javascript"></script>
	<script
		src="${request.getContextPath()}/Public/assets/admin/scripts/tc.min.js"
		type="text/javascript"></script>
	<script
		src="${request.getContextPath()}/Public/assets/admin/scripts/ajaxfileupload.js"
		type="text/javascript"></script>
	<script
		src="${request.getContextPath()}/Public/assets/global/plugins/kkpager.min.js"
		type="text/javascript"></script>
	<script src="${request.getContextPath()}/Public/js/chats/chatsTbl.js" type="text/javascript"></script>
<script>
	var actionUrl=BASE_URL+'/chats/list.do';
	var initTitleArr=['客户', '最新消息', '时间'];
	var initNameArr=['fun_name', 'fun_lastestMsg', 'time_updatedAt'];
	$(function() {
		Metronic.init(); // init metronic core componets
		Layout.init(); // init layout
	});
	
	function ExporChatList(){
		var boxes = $("input[name='checkboxes']:checked");
		var result = new Array();
		for ( var i = 0; i < boxes.length; i++) {
			result.push(boxes[i].value);
		}
		window.location.href = BASE_URL +"/chats/ExporChatList.do?ids="+result.toString();
	}
	
	function deleteIds(){
		CommonUtils.doExecute(BASE_URL +"/chats/deleteByIds.do");
	}
</script>
</body>
</html>